<style>
    * {margin:0;padding:0}
    body {
        background-color: #000;
    }
    </style>
    <script>
        //1.获取网页点击事件，交给函数处理
        document.onclick=function(evt){
        //2.获取事件对象，创建星星变量以及确定星星的大小以及鼠标点击的位置
        var star=document.createElement('img')
        star.src="./star.gif"
        var max=30
        var min=15
        var w=Math.floor(Math.random()*(max-min+1)+min)
        star.width=w
        var e=evt || window.event
        var left=e.clientX-w/2+"px"
        var top=e.clientY-w/2+"px"
        star.style.position="absolute"
        star.style.left=left
        star.style.top=top
        //3.添加到页面中
        document.body.appendChild(star)
    }
    </script>
   